<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <title>博书公益-首页</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" href="./Public/Home/Index/css/swiper.min.css">
    <link rel="stylesheet" href="./Public/Home/Index/css/style.css">
	<!--<link href="./css/font-awesome.css" rel="stylesheet">-->
    <meta name="apple-mobile-web-app-capable" content="yes">
	<link rel="stylesheet" href="./Public/Home/Index/css/reset.min.css">
	<link rel="stylesheet" href="./Public/Home/Index/css/style1.css">
	<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
	
<!--简单而言,这东西就是自动加前缀的,在link中，或是style中，或是dom元素的style中书写CSS3 code，或是jQuery .css()方法此脚本会自动补上需要的前缀，让响应的浏览器支持该CSS3属性
避免了一些老长的浏览器前缀兼容性-->
	<script src="./Public/Home/Index/js/prefixfree.min.js"></script>
</head>

<body style="">
<div class="na">
<nav class="navbar">
  <ul class="navbar__menu">
    <li class="navbar__item">
      <a href="./index.php" class="navbar__link"><i data-feather="home"></i><span>首页</span></a>
    </li>

    <li class="navbar__item"  id="loginbtn">
      <a href="./index.php?c=Login&a=loginView" class="navbar__link"><i data-feather="users"></i><span>登录</span></a>        
    </li>
    <li class="navbar__item">
      <a href="#activity" class="navbar__link"><i class="material-icons md-light md-36 md-light">library_books</i><span>活动查看</span></a>        
    </li>
    <li class="navbar__item">
      <a href="?c=Index&a=about" class="navbar__link"><i class="material-icons md-light md-36 md-light">people_outline</i></i><span>关于我们</span></a>           
    </li>
    <li class="navbar__item" id="donatebtn">
      <a href="#" class="navbar__link"><i class="material-icons md-light md-36 md-light" >favorite</i></i><span>我要捐赠</span></a>           
    </li>
  </ul>
</nav>
</div>
    <div class="header clear">
       <div class="header-in"> 
        </div>
    </div>

    <div class="banner">
<!--
轮播图下方按钮
        <div class="hd" style="top: 164.988px; display: block;">

            <ul class="clear">
                <li class="">1</li>
                <li class="">2</li>
                <li class="on">3</li>
                <li class="">4</li>
                <li class="">5</li>
                <li class="">6</li>
                <li class="">7</li>
                <li class="">8</li>
                <li class="">9</li>
                <li class="">10</li>
            </ul>

        </div>
-->
        <div class="bd" style="height: 200px;margin-top:0px">

            <ul style="position: relative; width: 1362px; height: 204.988px;">

				<li data-bg="./Public/Home/Index/img/banner/0.png" data-load="yes"
                    style="position: absolute; width: 1362px; left: 0px; top: 0px; background-image: url(&quot;./Public/Home/Index/img/banner/0.png&quot;); height: 204.988px; background-size: 541px 204.988px; display: none;">
                    <a href="" target="_blank"></a>
                </li>
                <li data-bg="./Public/Home/Index/img/banner/1.png" data-load="yes"
                    style="position: absolute; width: 1362px; left: 0px; top: 0px; background-image: url(&quot;./Public/Home/Index/img/banner/1.png&quot;); height: 204.988px; background-size: 541px 204.988px; display: none;">
                    <a href="" target="_blank"></a>
                </li>


            </ul>

        </div>

        <a class="btn-prev arrow"><span></span></a>

        <a class="btn-next arrow"><span></span></a>

    </div>

    <div class="fullSlide2 slide">

        <div class="bd">

            <ul>


                <li style="display: list-item;">

                    <a target="_blank" href=""><img
                            src="./Public/Home/Index/img/banner/0.png"></a>

                </li>


            </ul>

        </div>

        <div class="hd">

            <ul>
                <li class="on">1</li>
                <li class="">2</li>
                <li class="">3</li>
                <li class="">4</li>
                <li class="">5</li>
                <li class="">6</li>
                <li class="">7</li>
                <li class="">8</li>
                <li class="">9</li>
            </ul>

        </div>

        <a class="prev" href="javascript:void(0)"></a>

        <a class="next" href="javascript:void(0)"></a>

    </div>



    <div class="warp1">
	<div class="svg-1">
	<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="409" height="130" viewBox="0 0 409 141" fill="none">
	<defs>
		<rect id="path_0" x="0" y="0" width="409" height="141" />
		<rect id="path_1" x="0" y="0" width="100" height="100" />
		<rect id="path_2" x="0" y="0" width="580" height="182" />
		<rect id="path_3" x="0" y="0" width="580.7594721764998" height="182.47204477625672" />
		<path id="path_4"
        transform="translate(0 0) rotate(0 157.24169185426732 52.919449935481715)"
        d="M314.48,43.26C314.48,8.7 238.53,37.01 166.43,37.01C94.34,37.01 0,-23.95 0,10.61C0,45.17 111.85,105.84 183.95,105.84C256.04,105.84 314.48,77.82 314.48,43.26Z" />
	</defs>
	<g opacity="1" transform="translate(0 0)  rotate(0 204.5 70.5)">
		<mask id="bg-mask-0" fill="white">
			<use xlink:href="#path_0"></use>
		</mask>
		<g mask="url(#bg-mask-0)" >
			<g opacity="1" transform="translate(905 86)  rotate(0 50 50)">
				<mask id="bg-mask-1" fill="white">
					<use xlink:href="#path_1"></use>
				</mask>
				<g mask="url(#bg-mask-1)" ></g>
			</g>
			<g opacity="1" transform="translate(-177 4)  rotate(0 290 91)">
				<mask id="bg-mask-2" fill="white">
					<use xlink:href="#path_2"></use>
				</mask>
				<g mask="url(#bg-mask-2)" >
					<g opacity="1" transform="translate(-0.0666913495860939 0)  rotate(0 290.3797360882499 91.23602238812836)">
						<mask id="bg-mask-3" fill="white">
							<use xlink:href="#path_3"></use>
						</mask>
						<g mask="url(#bg-mask-3)" >
							<g opacity="1" transform="translate(0 0)  rotate(0 290.3797360882499 91.23602238812836)">
								<path id="bubble-2-a" fill-rule="evenodd" style="fill:#14F7A0" transform="translate(182.0120992878799 65.47866314602337)  rotate(39.41969179928981 46.737335606771495 20.21418520980287)" opacity="1" d="M93.47,16.52C93.47,3.32 70.9,14.14 49.47,14.14C28.04,14.14 0,-9.15 0,4.05C0,17.25 33.25,40.43 54.67,40.43C76.1,40.43 93.47,29.73 93.47,16.52Z " />
								<path id="bubble-2-a" fill-rule="evenodd" style="fill:#37D6FA" transform="translate(471.1562598667051 22.04237935052495)  rotate(29.54398202672951 52.96898035434103 20.21418520980287)" opacity="1" d="M0,23.9C0,37.11 25.59,26.29 49.87,26.29C74.16,26.29 105.94,49.58 105.94,36.38C105.94,23.18 68.26,0 43.97,0C19.69,0 0,10.7 0,23.9Z " />
								<g opacity="1" transform="translate(0 76.63314490529329)  rotate(0 157.24169185426732 52.919449935481715)"></g>
							</g>
						</g>
					</g>
				</g>
			</g>
			<g opacity="1" transform="translate(101 58)  rotate(0 48 18.5)" class="logintext">
				<text>
					<tspan x="0" y="42" font-size="48" line-height="0" fill="#000000" opacity="1" font-family="HappyZcool-2016" letter-spacing="0" ><a href="?c=Login&a=loginView">登录</a></tspan>
				</text>
			</g>
			<g opacity="1" transform="translate(246 58)  rotate(0 48 18.5)" class="regtext">
				<text>
					<tspan x="0" y="42" font-size="48" line-height="0" fill="#000000" opacity="1" font-family="HappyZcool-2016" letter-spacing="0" ><a href="?c=Login&a=loginView">注册</a></tspan>
				</text>
			</g>
		</g>
	</g>
</svg>

	</div>
</div>
<div class="title-a" style="font-family='HappyZcool-2016';" id="activity">活 动 展 示</div>
    <div class="warp2">

        <ul class="case clear" id="case">

        </ul>

        <a href="" class="case-more">

            <span>查看更多</span>

            <i>&gt;</i>

        </a>

    </div>



    <div class="footer">
        <div class="footer-in">
            <div class="footer-top clear">
                <div class="left clear footer1">
                    <div class="left footer1-1">
                        <img src="./Public/Home/Index/img/ico/erweima.jpg" style="margin-bottom:10px">
                        <span>博书公益公众号</span>
                    </div>
                    <div class="right footer1-2" style="">
                        <!--<img src="./img/ico/foot-logo.png">--> 博书公益
                        <br> 
                        <br> 四川省自贡市|宜宾市
                        <br> 
                        <br> TEL：0831-5675675
                        <br> 
                        <br> QQ：1475905499
                    </div>
                </div>
				

				
                <div class="left footer2 clear" style="float:right;margin-right:150px; ">
				
				<dl >
					<dt style="color: #ffffff;">博书公益</dt><br> 
					<dd>一点爱、亿点爱</dd>
				</dl>
				<dl >
					<dt style="color: #ffffff;">我要捐赠</dt><br> 
					<dd>捐赠书籍</dd>
					<dd>捐赠资金</dd>
				</dl>

					
                    <dl style="margin-right: 0px ;">
                        <dt><a href="" style="color: #ffffff;">联系</a></dt><br> 
                        <dd><a href="">位置地图</a></dd>
                        <dd><a href="">联系方式</a></dd>
                    </dl>
                </div>

            </div>

            <div class="footer-bottom">
                <h3>友情链接</h3>

                <ul class="clear">
                    <li><a href="https://www.mail163.cn" target="_blank">网易企业邮箱</a></li>
                    <li><a href="http://www.baidu.com" target="_blank">百度</a></li>
                    <li><a href="http://www.suse.edu.cn" target="_blank">四川轻化工大学</a></li>

                </ul>
            </div>


        </div>
    </div>
    <div class="t-footer" style="padding-bottom: 14px">
        <div class="t-footer-top clear">
            <div class="left">
                ©博书公益 2021-2022
            </div>
            <div class="right">
                <a href="javascript:;" class="t-back2top"></a>
            </div>
        </div>
        <div class="t-footer-bottom clear">
            <div class="left">
                <p>
                    博书公益<br> 四川省自贡市|宜宾市
                    <br> TEL：0831-5675675
                    <br> QQ：1475905499
                </p>
            </div>
            <div class="right" style="margin-top: 38px">
                <img src="https://cdn1.hzvis.com/static/erweima.jpg" class="lazy">
            </div>
        </div>
    </div>
    <a href="javascript:;" class="back2top"></a>

<script src="./Public/Home/Index/js/swiper.min.js"></script>
<script src="./Public/Home/Index/js/jquery.min.js"></script>
<script src="./Public/Home/Index/js/jquery.lazyload.min.js"></script>
<script src="./Public/Home/Index/js/jquery.superslide.js"></script>
<script src="./Public/Home/Index/js/index.js"></script>
<!--图标库 调用-->
<script src='./Public/Home/Index/js/feather.min.js'></script>
<script src="./Public/Home/Index/js/script.js"></script>
<script src="./Public/Home/Index/js/func.js"></script>
<script src="./Public/Home/ban.js"></script>
</body>
</html>